<!--故障排查-综合业务-->
<template>
  <div class="troubleshooting-box">
    <PageTitle class="boxTitle" :text="title"></PageTitle>
    <!-- <div class="date-tips">2023-07-04 11:26 发表于重庆</div> -->
    <div class="con-box detailContent">
      <div class="primary-tit title">IC卡表无气（气表在户内）</div>
      <b class="b">1、检查表上是否显示剩余气量，若有剩余气量，先进行基础故障排查。</b>
      <div class="imgContent">
        <img v-for="i in imgList" :key="i" :src="i" @tap.stop="previewImage(i,imgList)" />
      </div>
      <b class="b">2、气表电池是否三个月以上未更换，若气表电池用三个月以上，可以建议用户更换气表电池后插卡激活气表，看能否用气；</b>
      <b class="b">3、若以上问题都排查，仍无气，请致电023-95007。</b>
      <div class="primary-tit title">普表无气（气表在户外）</div>
      <b class="b">1、不欠费情况</b>
      <b class="b">1) 排查户内总阀是否是开启状态。</b>
      <b class="b">2) 若没有欠费，是否同时缴纳多个月欠费，存在欠费停气可能，请致电023-95007查询具体情况。</b>
      <b class="b">2、欠费情况</b>
      <b class="b">1) 热水器与灶是否都无法使用燃气，若是，排查是否因为几个月未缴费欠费导致停气。</b>
      <b class="b">2) 若以上问题都排查，仍无气，请致电023-95007查询具体情况。</b>
      <div class="primary-tit title">威星物联网远传表（表号09开头）</div>
      <b class="b">微信首页里搜索“重庆中燃”关注公众号——线上交费——输交费号——选择物联网表购气—选择气量购气，充值。</b>
    </div>
    <div class="con-box detailContent">
      <div class="primary-tit title">NB物联网表充值及故障自查</div>
      <h3>如何正确充值物联网表呢？</h3>
      <div class="imgContent">
        <!-- <img src="../../static/contentImg/troubleshooting002.jpg" /> -->
        <img v-for="i in imgList1" :key="i" :src="i" @tap.stop="previewImage(i,imgList1)" />
      </div>
      <b class="b">您只要关注“重庆中燃城市燃气发展有限公司”公众号，随时都能充值缴费。</b>
      <div class="primary-tit title">充值指引</div>
      <b class="b">微信关注“重庆中燃城市燃气发展有限公司”公众号，如图点击右下角“线上缴费”（图1），再点击“燃气缴费”（图2）。</b>
      <div class="imgContent">
        <!-- <img src="../../static/contentImg/troubleshooting003.jpg" /> -->
        <img v-for="i in imgList2" :key="i" :src="i" @tap.stop="previewImage(i,imgList2)" />
      </div>
      <b class="b">点击白框，输入您的燃气编号（如图3 ：113/510/511开头的编号，如您无法确定，可查看气表条形码右侧表号，拨打我司咨询热线查询燃气编号）</b>
      <div class="imgContent">
        <!-- <img src="../../static/contentImg/troubleshooting004.jpg" /> -->
        <img v-for="i in imgList3" :key="i" :src="i" @tap.stop="previewImage(i,imgList3)" />
      </div>
      <b class="b">如图所示，点击“余额提醒”（图5），可以设置余额提示（图6）。</b>
      <div class="imgContent">
        <!-- <img src="../../static/contentImg/troubleshooting005.jpg" /> -->
        <img v-for="i in imgList4" :key="i" :src="i" @tap.stop="previewImage(i,imgList4)" />
      </div>
      <b class="b">充值后，若仍无法使用，您可以在家中对照气表显示屏查询气表情况。</b>
    </div>
    <div class="con-box tips">
      <div class="warning-tit title">充值不成功怎么办？</div>
      <h3>一、常见错误代码及解决办法如下</h3>
      <tui-table class="errorTable">
        <tui-tr>
          <tui-td bold v-for="(item,index) in errorHeader" :key="index" :span="8">{{item.title}}</tui-td>
        </tui-tr>
        <tui-tr v-for="(item, index) in errorListData" :key="index">
          <tui-td v-for="(obj, idx) in errorHeader" :key="idx">{{item[obj.key]}}</tui-td>
        </tui-tr>
      </tui-table>
      <h3>二、液晶屏显示、电池损耗、充值通讯等问题</h3>
      <tui-table class="problemTable">
        <tui-tr>
          <tui-td bold v-for="(item,index) in problemHeader" :key="index" :span="8">{{item.title}}</tui-td>
        </tui-tr>
        <tui-tr v-for="(item, index) in problemListData" :key="index">
          <tui-td v-for="(obj, idx) in problemHeader" :key="idx">{{item[obj.key]}}</tui-td>
        </tui-tr>
      </tui-table>
      <h3>三、阀门开关异常问题</h3>
      <table class="anomalyTable" border="1" cellspacing="0">
        <tr>
          <th>阀门状态</th>
          <th>燃气表控制</th>
          <th>解决办法</th>
          <th>备注</th>
        </tr>
        <tr>
          <td rowspan="9">关闭</td>
          <td>余量不足告警关阀</td>
          <td>短按功能键开阀，并尽快充值</td>
          <td rowspan="3">余量不足告警关阀、透支或者欠费关阀</td>
        </tr>
        <tr>
          <td>透支或者欠费关阀</td>
          <td>充值为正后，可通过短按功能键开阀</td>
        </tr>
        <tr>
          <td>故障报错时关阀</td>
          <td>参见表端异常代码展示及处理</td>
        </tr>
        <tr>
          <td>表具开阀状态下，如果闲置时间大于30天，表具关阀。</td>
          <td>短按功能键开阀</td>
          <td>闲置关阀功能可通过平台选择开启或关闭，默认关闭。</td>
        </tr>
        <tr>
          <td>欠压关阀</td>
          <td>可通过短按功能键开阀</td>
          <td rowspan="5">/</td>
        </tr>
        <tr>
          <td>低压、掉电关阀</td>
          <td>更换电池后开阀，不允许通过短按功能键开阀</td>
        </tr>
        <tr>
          <td>检测到表具走气流量大于设定的最大流量值，表具关阀</td>
          <td rowspan="3">请致电023-95007报修</td>
        </tr>
        <tr>
          <td>启动过流异常事件上报。</td>
        </tr>
        <tr>
          <td>关阀状态下，如果检测到阀门漏气，则进行关阀动作，液晶显示阀门异常报警。</td>
        </tr>
      </table>
    </div>
    <FooterTel></FooterTel>
  </div>
</template>

<script>
import PageTitle from '../components/pageTitle.vue'
import FooterTel from '../components/footerTel.vue'
export default {
  name: 'Detail',
  components: {
    PageTitle,
    FooterTel
  },
  data () {
    return {
      title: null,
      //常见错误代码及解决办法
      errorHeader: [{
        title: '序号',
        key: 'index',
        width: '20px'
      }, {
        title: '错误代码',
        key: 'errorCode'
      },
      {
        title: '解决办法',
        key: 'measure'
      }],
      errorListData: [{
        index: 1,
        errorCode: 'E-05',
        measure: '不影响用户使用。用户再重新通过长按键启动充值。'
      }, {
        index: 2,
        errorCode: 'E-09',
        measure: '移除磁性物体，5秒后，短按键开阀。如移除磁性物体后仍然磁干扰，请致电023-95007报修。'
      }, {
        index: 3,
        errorCode: 'E-12',
        measure: '解决短按功能键开阀。'
      }, {
        index: 4,
        errorCode: 'E-16',
        measure: '重新通讯解决。断电重启燃气表，下一次充值成功。'
      }, {
        index: 5,
        errorCode: 'E-51',
        measure: '请致电023-95007报修。'
      }, {
        index: 6,
        errorCode: 'E-54',
        measure: '请致电023-95007报修。'
      }, {
        index: 7,
        errorCode: 'E-57',
        measure: '请致电023-95007报修。'
      }, {
        index: 8,
        errorCode: 'E-61',
        measure: '断电重启燃气表，如异常仍然存在，请致电023-95007报修。'
      }, {
        index: 9,
        errorCode: 'E-70',
        measure: '请致电023-95007报修。'
      }, {
        index: 10,
        errorCode: 'E-71',
        measure: '请致电023-95007报修。'
      }, {
        index: 11,
        errorCode: 'E-72',
        measure: '请致电023-95007报修。'
      }, {
        index: 12,
        errorCode: 'E-73',
        measure: '请关闭用气设备后，更换新电池。'
      }, {
        index: 13,
        errorCode: 'E-206',
        measure: '请致电023-95007报修。'
      }, {
        index: 14,
        errorCode: '其它异常代码',
        measure: '断电重启燃气表，如异常仍然存在，请致电023-95007报修。'
      }],
      // 液晶屏显示、电池损耗、充值通讯等问题
      problemHeader: [{
        title: '故障',
        key: 'errorCode'
      },
      {
        title: '原因/解决办法',
        key: 'measure'
      }],
      problemListData: [{
        errorCode: '设备液晶屏无显示',
        measure: '查看电池是否有电及正常安装，如依然无显示，请致电023-95007报修。'
      }, {
        errorCode: '阀门状态与屏幕显示不一致',
        measure: '重新上电后，请致电023-95007远程开关阀门。'
      }, {
        errorCode: '方案板功能键按下无反应，或者按下不反弹',
        measure: '请致电023-95007报修。'
      }, {
        errorCode: '充值无法到账',
        measure: '提示：充值命令下发后，需要燃气表与平台进行一次通讯，可重新通过长按键启动充值，或等燃气表自动上传数据时完成充值。'
      }, {
        errorCode: '燃气表无法联网',
        measure: '断电重启燃气表，如异常仍然存在，请致电023-95007报修。'
      }, {
        errorCode: '阀门异常开关',
        measure: '重新上电，远程开关阀门，如仍然异常，请联系返厂维修。'
      }, {
        errorCode: '电池耗电太快',
        measure: '使用全新南孚电池，或其他碱性电池，不建议使用碳性电池，不要新旧电池、不同品牌电池混用；'
      }, {
        errorCode: '燃气表余额突然变化',
        measure: '表端结算：燃气表每使用0.1m³燃气进行一次扣费，因此使用不到0.1 m³可能不会扣费，如果正好累积到0.1 m³，可能刚使用就进行一次扣费。如用户对整体的用气量和费用使用有疑问，请致电023-95007。'
      }],
      imgList: [
        'https://cqzr-1318844901.cos.ap-chongqing.myqcloud.com/contentImg/troubleshooting001.jpg'
      ],
      imgList1: [
        'https://cqzr-1318844901.cos.ap-chongqing.myqcloud.com/contentImg/troubleshooting002.jpg'
      ],
      imgList2: [
        'https://cqzr-1318844901.cos.ap-chongqing.myqcloud.com/contentImg/troubleshooting003.jpg'
      ],
      imgList3: [
        'https://cqzr-1318844901.cos.ap-chongqing.myqcloud.com/contentImg/troubleshooting004.jpg'
      ],
      imgList4: [
        'https://cqzr-1318844901.cos.ap-chongqing.myqcloud.com/contentImg/troubleshooting005.jpg'
      ],
    };
  },
  async onShow () {

  },
  async onLoad (e) {
    var vm = this;
    vm.title = e.title
  },
  created () {
  },
  methods: {
    previewImage (i, list) {
      this.func.previewImg(i, list)
    }
  },
  mounted () {
    var vm = this;
  },
};
</script>

<style lang="scss" scoped>
@import "../../static/css/module.scss";
.troubleshooting-box {
  padding-bottom: 20px;
  .boxTitle {
    margin: 10px 14px;
  }
  .gasStopCon {
    padding: 18px 20px;
    margin: 14px;
    font-size: 15px;
    line-height: 26px;
  }
  // __________________________
  .detailContent,
  .tips {
    padding: 0 18px 20px;
    margin: 14px;
    font-size: 15px;
    line-height: 22px;
    overflow: hidden;
    .title {
      width: 100%;
      height: 30px;
      padding-left: 14px;
      line-height: 30px;
      font-size: 17px;
      font-weight: bold;
      color: #222;
      box-sizing: border-box;
      margin: 10px 0;
    }
    .imgContent {
      width: auto;
      img {
        width: 100%;
      }
    }
  }
  // ____________________________
  .errorTable {
    .tui-table__row {
      .tui-table__middle:nth-of-type(1) {
        width: 15% !important;
      }
      .tui-table__middle:nth-of-type(2) {
        width: 25% !important;
      }
      .tui-table__middle:nth-of-type(3) {
        width: 60% !important;
      }
    }
  }
  .problemTable {
    .tui-table__row {
      .tui-table__middle:nth-of-type(1) {
        width: 30% !important;
      }
      .tui-table__middle:nth-of-type(2) {
        width: 70% !important;
      }
    }
  }
  .anomalyTable {
    border-top: 1px solid rgb(234, 238, 245);
    border-left: 1px solid rgb(234, 238, 245);
    border-collapse: collapse; /*设置单元格的边框合并为1*/
    th,
    td {
      border-bottom: 1px solid rgb(234, 238, 245);
      border-right: 1px solid rgb(234, 238, 245);
    }
    td {
      padding: 0 6px;
    }
    tr:first-child {
      color: rgb(51, 51, 51);
      th:nth-of-type(1) {
        width: 12%;
      }
    }
  }
}
</style>
